<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Content-Script-Type" CONTENT="text/javascript">
        <meta http-equiv="Content-Style-Type" CONTENT="text/css">
        <title>マイミク運動会</title>
        <link rel="stylesheet" href="style.css" />
        <link rel="stylesheet" type="text/css" href="../css/festivalResultView.css">
        <link rel="stylesheet" type="text/css" href="../css/festivalView.css">
        <link rel="stylesheet" type="text/css" href="../css/personalResultView.css">
        <script type="text/javascript" src="/js/festival_utility.js" charset="UTF-8">
        </script>
        <script type="text/javascript" src="../js/util.js">
        </script>
        <script type="text/javascript" src="../js/athleticFestival.js" charset="UTF-8">
        </script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" charset="UTF-8">
        </script>
        <script type="text/javascript" src="../json/fieldList.json">
        </script>
        <script type="text/javascript" src="../json/friendList.json">
        </script>
    </head>
    <body>
        <div align="center" id="mainArea" style="display:">
            <div id="startView" style="display:none">
                <div id="loadingStr" style="display:none">
                    Now loading...
                </div>
                <div id="nogame" style="display:">
                    申し訳ありません
                    <br>
                    このアプリで遊ぶには
                    <br>
                    プロフィールを公開しているマイミクが
                    <br>
                    最低10人は必要です
                </div>
                <div id="finishGreeting" style="display:none">
                    運動会終了!
                    <BR>
                    お疲れ様でした<input id="showFestivalButton" type="button" value="運動会結果を見る" onclick="moveToFestivalResult()"/>
                </div>
                <div id="ruleWindow" style="display:">
                    <div id="ruleHeader">
                        ルール説明
                    </div>
                    <div id="ruleArea">
                        <span id="ruleExplanation">
                            <ul>
                                <li>
                                    10種目の各競技に出場するマイミクに1位から5位までの順位をつけてね。
                                </li>
                                <li>
                                    マイミクの写真をクリックすると順位がつけられるよ。
                                </li>
                                <li>
                                    運動会終了後、あなたのマイミクからの評価と占い結果が見れるよ
                                </li>
                            </ul>
                        </span>
                        <span class="preTitle" id="prePlayerTitle">今回の運動会に出場するマイミク</span>
                        <div class="friendsArea" id="prePlayersArea">
                            <span class="idArea" id="preIDArea0">1</span>
                            <span class="idArea" id="preIDArea1">2</span>
                            <span class="idArea" id="preIDArea2">3</span>
                            <span class="idArea" id="preIDArea3">4</span>
                            <span class="idArea" id="preIDArea4">5</span>
                            <span class="idArea" id="preIDArea5">6</span>
                            <span class="idArea" id="preIDArea6">7</span>
                            <span class="idArea" id="preIDArea7">8</span>
                            <span class="idArea" id="preIDArea8">9</span>
                            <span class="idArea" id="preIDArea9">10</span>
                        </div>
                        <span class="preTitle" id="preFieldTitle">今回の運動会の競技種目</span>
                        <span class="preFields" id="preFields0">fields</span>
                        <span class="preFields" id="preFields1">fields2</span>
                        <input type="button" id="startButton" value="マイミク運動会開始!!" onclick="moveToFestival()"/>
                    </div>
                </div>
            </div>
            <div id="fieldArea" style="display:none">
                <div id="fieldNum">
                    第一種目
                </div>
                <div id="fieldTitle">
                    パン食い競争:一番早くパンを食べたい人
                </div>
                <div id="playerArea">
                    <div class="playerBox" id="player0Area">
                        <span class="playerName" id="playerName0">こばやしやすのりでｓ</span>
                        <br>
                        <a href="javascript:setOrder(0)"><img class="playerPic" id="playerPic0" name="0" src="../icons/first.gif" /></a>
                        <br>
                        <span class="playerRanking" id="ranking0">-</span>
                        <span class="rankStr">位</span>
                    </div>
                    <div class="playerBox" id="player1Area">
                        <span class="playerName" id="playerName1"></span>
                        <br>
                        <a href="javascript:setOrder(1)"><img class="playerPic" id="playerPic1" name="1" src="../icons/first.gif"/  onclick="setOrder(1)"></a>
                        <br>
                        <span class="playerRanking" id="ranking1">-</span>
                        <span class="rankStr">位</span>
                    </div>
                    <div class="playerBox" id="player2Area">
                        <span class="playerName" id="playerName2"></span>
                        <br>
                        <a href="javascript:setOrder(2)"><img class="playerPic" id="playerPic2" name="2" src="first.gif"/></a>
                        <br>
                        <span class="playerRanking" id="ranking2">0</span>
                        <span class="rankStr">位</span>
                    </div>
                    <div class="playerBox" id="player3Area">
                        <span class="playerName" id="playerName3"></span>
                        <br>
                        <a href="javascript:setOrder(3)"><img class="playerPic" id="playerPic3" name="3" src="first.gif"/></a>
                        <br>
                        <span class="playerRanking" id="ranking3">0</span>
                        <span class="rankStr">位</span>
                    </div>
                    <div class="playerBox" id="player4Area">
                        <span class="playerName" id="playerName4"></span>
                        <br>
                        <a href="javascript:setOrder(4)"><img class="playerPic" id="playerPic4" name="4" src="first.gif"/></a>
                        <br>
                        <span class="playerRanking" id="ranking4">0</span>
                        <span class="rankStr">位</span>
                    </div>
                    <span id="lastFields">あと<span id="lastFieldNum">3</span>種目</span>
                    <input type="button" id="resetButton" value="やり直し" />
                </div>
            </div>
            <div id="fesitvalResultArea" style="display:none">
                <div id="festivalResultTitle">
                    結果発表!!
                </div>
                <input type="image" src="http://developer.mixi.co.jp/wp-content/uploads/2010/09/bt_post_diary_1.png" id="rDiaryButton" value="この結果を日記に書く" onclick="writeDiary(0)"/><input type="image" src="http://developer.mixi.co.jp/wp-content/uploads/2010/09/bt_voice_1.png" id="rVoiceButton" value="この結果をつぶやく" onclick="doVoice(0)"/>
                <div id="totalRankArea">
                    <span class="title" id="resultTitle">総合ランキング</span>
                    <div class="pointRankArea" id="pointRank0Area">
                        <span class="tRankStr" id="rank0Str">1位</span>
                        <span class="point" id="point0">25pt</span>
                        <br>
                        <span class="pointRankName" id="pointRankName0">むらた</span>
                    </div>
                    <div class="pointRankArea" id="pointRank1Area">
                        <span class="tRankStr" id="rank1Str">2位</span>
                        <span class="point" id="point1">24pt</span>
                        <br>
                        <span class="pointRankName" id="pointRankName1">のじり</span>
                    </div>
                    <div class="pointRankArea" id="pointRank2Area">
                        <span class="tRankStr" id="rank2Str">3位</span>
                        <span class="point" id="point2">22pt</span>
                        <br>
                        <span class="pointRankName" id="pointRankName2">はしだ</span>
                    </div>
                    <table id="pointRankTable">
                        <tr>
                            <td>
                                4位
                            </td>
                            <td>
                                <span id="point3">18</span>pt
                            </td>
                            <td>
                                <span id="pointRankName3">さちこ</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                5位
                            </td>
                            <td>
                                <span id="point4">16</span>pt
                            </td>
                            <td>
                                <span id="pointRankName4">たけし</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                6位
                            </td>
                            <td>
                                <span id="point5">14</span>pt
                            </td>
                            <td>
                                <span id="pointRankName5">よしだ</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                7位
                            </td>
                            <td>
                                <span id="point6">12</span>pt
                            </td>
                            <td>
                                <span id="pointRankName6">にしだ</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                8位
                            </td>
                            <td>
                                <span id="point7">10</span>pt
                            </td>
                            <td>
                                <span id="pointRankName7">たけお</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                9位
                            </td>
                            <td>
                                <span id="point8">9</span>pt
                            </td>
                            <td>
                                <span id="pointRankName8">ようこ</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                10位
                            </td>
                            <td>
                                <span id="point9">7</span>pt
                            </td>
                            <td>
                                <span id="pointRankName9">のだ</span>
                            </td>
                        </tr>
                    </table>
                </div>
                <div id="eachRankArea">
                    <span class="title" id="fieldResultTitle">種目別TOP3 </span>
                    <div class="rankTable" id="fieldResult0Table">
                        <span class="fieldHeader" id="resultFieldTitle0">100m走</span>
                        <br>
                        <br>
                        <span id="fieldRankName00">むらた</span>
                        <br>
                        <span id="fieldRankName01">はしだ</span>
                        <br>
                        <span id="fieldRankName02">さちこ</span>
                    </div>
                    <div class="rankTable" id="fieldResult1Table">
                        <span class="fieldHeader" id="resultFieldTitle1">跳び箱</span>
                        <br>
                        <br>
                        <span id="fieldRankName10">たけし</span>
                        <br>
                        <span id="fieldRankName11">よしだ</span>
                        <br>
                        <span id="fieldRankName12">たけお</span>
                    </div>
                    <div class="rankTable" id="fieldResult2Table">
                        <span class="fieldHeader" id="resultFieldTitle2">二人三脚</span>
                        <br>
                        <br>
                        <span id="fieldRankName20">のだ</span>
                        <br>
                        <span id="fieldRankName21">さちこ</span>
                        <br>
                        <span id="fieldRankName22">ようこ</span>
                    </div>
                    <div class="rankTable" id="fieldResult3Table">
                        <span class="fieldHeader" id="resultFieldTitle3">選手宣誓</span>
                        <br>
                        <br>
                        <span id="fieldRankName30">のじり</span>
                        <br>
                        <span id="fieldRankName31">むらた</span>
                        <br>
                        <span id="fieldRankName32">のだ</span>
                    </div>
                    <div class="rankTable" id="fieldResult4Table">
                        <span class="fieldHeader" id="resultFieldTitle4">借り物競走</span>
                        <br>
                        <br>
                        <span id="fieldRankName40">さちこ</span>
                        <br>
                        <span id="fieldRankName41">はしだ</span>
                        <br>
                        <span id="fieldRankName42">にしだ</span>
                    </div>
                    <div class="rankTable" id="fieldResult5Table">
                        <span class="fieldHeader" id="resultFieldTitle5">お弁当</span>
                        <br>
                        <br>
                        <span id="fieldRankName50">ようこ</span>
                        <br>
                        <span id="fieldRankName51">よしだ</span>
                        <br>
                        <span id="fieldRankName52">のだ</span>
                    </div>
                    <div class="rankTable" id="fieldResult6Table">
                        <span class="fieldHeader" id="resultFieldTitle6">騎馬戦</span>
                        <br>
                        <br>
                        <span id="fieldRankName60">こばやしやすのりです</span>
                        <br>
                        <span id="fieldRankName61">むらた</span>
                        <br>
                        <span id="fieldRankName62">のじり</span>
                    </div>
                    <div class="rankTable" id="fieldResult7Table">
                        <span class="fieldHeader" id="resultFieldTitle7">玉入れ</span>
                        <br>
                        <br>
                        <span id="fieldRankName70">はしだ</span>
                        <br>
                        <span id="fieldRankName71">たけお</span>
                        <br>
                        <span id="fieldRankName72">ようこ</span>
                    </div>
                    <div class="rankTable" id="fieldResult8Table">
                        <span class="fieldHeader" id="resultFieldTitle8">マラソン</span>
                        <br>
                        <br>
                        <span id="fieldRankName80">はしだ</span>
                        <br>
                        <span id="fieldRankName81">よしだ</span>
                        <br>
                        <span id="fieldRankName82">のじり</span>
                    </div>
                    <div class="rankTable" id="fieldResult9Table">
                        <span class="fieldHeader" id="resultFieldTitle9">大縄跳び</span>
                        <br>
                        <br>
                        <span id="fieldRankName90">はしだ</span>
                        <br>
                        <span id="fieldRankName91">さちこ</span>
                        <br>
                        <span id="fieldRankName92">たけお</span>
                    </div>
                </div>
                <div id="rInviteFriendArea">
                    <span class="title" id="rInviteFriendTitle">このアプリをまだ利用していない今回の競技者</span>
                    <input type="button" id="rInvitebutton" value="友達を招待する" onclick="inviteFriends()"/>
                    <div class="friendsArea" id="rPlayersArea">
                        <span class="idArea" id="rIDArea0"></span>
                        <span class="idArea" id="rIDArea1"></span>
                        <span class="idArea" id="rIDArea2"></span>
                        <span class="idArea" id="rIDArea3"></span>
                        <span class="idArea" id="rIDArea4"></span>
                        <span class="idArea" id="rIDArea5"></span>
                        <span class="idArea" id="rIDArea6"></span>
                        <span class="idArea" id="rIDArea7"></span>
                        <span class="idArea" id="rIDArea8"></span>
                        <span class="idArea" id="rIDArea9"></span>
                    </div>
                </div>
                <div id="buttonArea">
                    <input type="button" id="rShowResultButton" value="個人成績を見る" onclick="initPersonalResult()"/>
                </div>
            </div>
            <div id="personalResultArea" style="display:">
                <div id="personalNameArea">
                    <span id="personalName">hoge</span>
                    <span id="personalStr">選手の成績</span>
                </div>
                <input type="image" src="http://developer.mixi.co.jp/wp-content/uploads/2010/09/bt_post_diary_1.png" id="rDiaryButton" value="結果を日記に書く" onclick="writeDiary(1)"/><input type="image" src="http://developer.mixi.co.jp/wp-content/uploads/2010/09/bt_voice_1.png" id="rVoiceButton" value="結果をつぶやく" onclick="doVoice(1)"/>
                <div id="personalInfoArea">
                    <span class="pTitle" id="personalTitle">うさぎ</span>
                    <div id="radarChartArea">
                        <span id="radarChart"></span>
                        <span id="radarChartStr"></span>
                    </div>
                    <div id="recentEvaluationArea">
                        <span class="mTitle" id="recentEvaluationTitle">最近あなたが入賞した競技</span>
                        <span id="recentEvaluation"><span id="lineTitle"><span class="evalLine0" id="evalt0">競技</span><span class="evalLine1" id="evalt1">順位</span><span class="evalLine2" id="evalt2">主催者</span><span class="evalLine3" id="evalt3">参加日</span></span><span id="line0"><span class="evalLine0" id="eval00">100m走</span><span class="evalLine1" id="eval01">1</span><span class="evalLine2" id="eval02">1</span><span class="evalLine3" id="eval03">1</span></span><span id="line1"><span class="evalLine0" id="eval10">2</span><span class="evalLine1" id="eval11">2</span><span class="evalLine2" id="eval12">2</span><span class="evalLine3" id="eval13">2</span></span><span id="line2"><span class="evalLine0" id="eval20">3</span><span class="evalLine1" id="eval21">3</span><span class="evalLine2" id="eval22">3</span><span class="evalLine3" id="eval23">3</span></span><span id="line3"><span class="evalLine0" id="eval30">4</span><span class="evalLine1" id="eval31">4</span><span class="evalLine2" id="eval32">4</span><span class="evalLine3" id="eval33">4</span></span><span id="line4"><span class="evalLine0" id="eval40">5</span><span class="evalLine1" id="eval41">5</span><span class="evalLine2" id="eval42">5</span><span class="evalLine3" id="eval43">5</span></span></span>
                    </div>
                    <div id="fortuneArea">
                        <span class="mTitle" id="fortuneTitle"><span id="fortuneTitleName">ma</span>選手はこんな人！</span>
                        <div id="fortune">
                            <span id="fortuneContent">瞬発力抜群なあなたは、超プラス思考の持ち主であり、とても行動が早いですが、良くも悪くもあきらめも早いでしょう。仕事としては、F1レーサー、トレーダーなどに向いていそうです。
                                <br>
                                また、おしゃれやニュースなどの流行にも敏感にチェックしていて、実は人前でカッコつけたがりな一面もあります。
                                <br>
                                相性が良いのは、じっくり待って幸運をよぶタヘビタイプの人です。ヘビタイプの人とはなかなか出会いがないかもしれませんが、たまに自分の趣味とは違うことにチャレンジしたり、普段行かない場所にいくことで素敵な出会いがありそうです。持ち前のスピードを活かしつつ、粘り強さも身につけていけば更なる幸運が訪れます。
                            </span>
                        </div>
                    </div>
                    <div id="luckyItemArea">
                        <span class="mTitle" id="luckyItemTitle">ラッキーアイテム</span>
                        <div id="luckyItemBack">
                            <span id="luckyItemName">オレンジジュース</span>
                        </div>
                    </div>
                    <div class="friendArea" id="sameTitleFriendArea">
                        <span class="mTitle" id="sameTitleFriendTitle">あなたに近いマイミク</span>
                        <div id="sameTitleFriendName">
                            <span class="friendBox" id="sameTitleFriendName0"></span>
                            <span class="friendBox" id="sameTitleFriendName1"></span>
                            <span class="friendBox" id="sameTitleFriendName2"></span>
                            <span class="noFriend" id="sameTitleFriendNameStr">まだいません</span>
                        </div>
                    </div>
                    <div class="friendArea" id="goodFriendArea">
                        <span class="mTitle" id="goodFriendTitle">相性の良いマイミク</span>
                        <div id="goodFriendName">
                            <span class="friendBox" id="goodFriendName0"></span>
                            <span class="friendBox" id="goodFriendName1"></span>
                            <span class="friendBox" id="goodFriendName2"></span>
                            <span class="noFriend" id="goodFriendNameStr">まだいません</span>
                        </div>
                    </div>
                    <div class="friendArea" id="goodPartnerArea">
                        <span class="mTitle" id="goodPartnerTitle">相性抜群なマイミク</span>
                        <div id="goodPartnerName">
                            <span class="friendBox" id="goodPartnerName0"></span>
                            <span class="noFriend" id="goodPartnerNameStr">まだいません</span>
                        </div>
                    </div>
                    <span id="pButtonArea"><input type="button" id="pInviteButton" value="友達を招待する" onclick="inviteFriends()"/><input type="button" id="pResultButton" value="運動会結果に戻る" onclick="moveToFestivalResult()"/><input type="button" id="pAgainButton" value="もう一度運動会を開催する" onclick="secondTimeLoad()"/></span>
                </div>
            </div>
        </div>
    </body>
</html>